// @use './flex.scss';
@use './app.css';

* {
    text-underline-offset: 3px;
    /* 调整下划线与文字的距离 */
}

:root {
    --nut-button-default-font-size: 14px;
}


.nut-button {
    color: #FFFFFF !important;
    border: none !important;
    background: linear-gradient(180deg, #5567FF 0%, #9E1EFF 100%) !important;
    font-weight: 500;
}

@keyframes blink {
    50% {
        opacity: 0;
    }
}

@keyframes keepaliveFadein {
    0% {
      opacity: 0;
      transform: scale(0.9);
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  .actived-ani {
    animation: keepaliveFadein .3s ease forwards;
  }
  
.nut-input-box {
    .input-text {
        &::placeholder {
            color: #504F6F;
        }
    }

    .input-text[type="password"]:not(:placeholder-shown) {
        font-size: 20px !important;
        caret-color: transparent;
    }
}

.nut-input-clear-box {
    .nut-input-clear {
        font-size: 18px !important;
        width: 18px !important;
        height: 18px !important;
        color: #504F6F;
    }
}

#app .nut-form-item__body__tips {
    font-size: 12px;
}

.nut-tabbar-item_icon-box_nav-word {
    font-size: 11px;
}

.popover-common {
    .nut-popover-content {
        border-radius: 8px !important;
        background: #231F44 !important;
        font-size: 12px !important;
        padding: 6px 10px;
    }

    .nut-popover-content--top,
    .nut-popover-content--top-end,
    .nut-popover-content--top-start {
        .nut-popover-arrow {
            border-top-color: #231F44 !important;
            transform: translateX(-50%) translateY(-1px) !important;
        }
    }
}

.nut-navbar__right {
    padding-right: 0;
}

.nut-searchbar__search-input .nut-searchbar__input-inner input {
    padding-left: 0;
}

.popover-overlay-transparent {
    background: transparent !important;
}

body {
    --nut-notify-pt: 3.2vw;

    .nut-toast-inner {
        padding: 15px 14px !important;
        color: #FFF !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        border-radius: 8px !important;
        background: rgba(0, 0, 0, 0.40);
    }

    //input::placeholder {
    //    color: rgba(80, 79, 111, 1) !important;
    //}

    * {
        user-select: none;
    }

    span {
        user-select: none;
    }
}

.no_scroll {
    overflow: hidden;
}

.pull_refresh {
    z-index: 100;
}

.nut-notify {
    padding-top: var(--nut-notify-pt) !important;
    height: auto !important;
}